<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden">
    <wd-navbar title="新建备注" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <view class="flex-1 overflow-hidden">
      <wd-cell-group border>
        <wd-input
          label="备注类型"
          custom-input-class="text-align-right"
          placeholder-class="text-align-right"
          placeholder="退菜原因"
        />
        <wd-cell title="备注内容" vertical>
          <wd-textarea placeholder="请输入，最多20个字" auto-height />
        </wd-cell>
      </wd-cell-group>
    </view>
    <view class="flex border-t-1 border-border border-t-solid bg-white p-4">
      <wd-button type="primary" :round="false" class="flex-1">保存</wd-button>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
